var tboduObj;
var trObj;

window.onload = function () {
  //得到初始tr对象
  trObj = document.getElementById("tr1");
  //得到tbody对象
  tboduObj = document.getElementById("tbody");
  // 得到tbody的所有tr子元素集合
  var trArray = tboduObj.getElementsByTagName("tr");
  // 用js的方式给tbody的所有tr子元素添加onclick事件
  for (var i = 0;i<trArray.length;i++){
    trArray[i].onclick = function () {
      changeColor(this);
    }
  }

}

//点击事件函数
function changeColor(showTr) {
  // 初始色
  trObj.style.color = "black";
  trObj.style.backgroundColor = "#f1b6d0";

  // 点击后变色
  showTr.style.color = "red";
  showTr.style.backgroundColor = "white"

  // 将当前点击的tr对象变为初始tr对象
  trObj = showTr;
}
